﻿/*---------------------------------------------------*/
html,body{margin:0 auto; padding:0; font-size:12px; line-height:24px; font-family:"微软雅黑","Microsoft Yahei"; text-decoration:none; color:#666; }
a{font-size:12px; line-height:24px; color:#666;text-decoration:none;}
a:hover{color:#59678c;}
img{border:0;}
table{border-collapse:collapse;}
ul,dl,ol,li{list-style:none; }
ul,dl,ol,li,dt,dd,h1,h2,h3,h4,p,div{margin:0; padding:0;}
/*-----------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0px; font-size:1px; line-height:1px;}
.fl{float:left;}
.fr{float:right;}
.inner{display:block; width:1143px; margin:0 auto; position: relative; }
.ding{display:block; width:100%; height:100px; background:##fff; }
.ding .inner{background:#fff; height:100px;}
.ding .fl{width:400px; height:100px;}
.ding .fr{width:670px; height:100px;}
.ding .fr ul li{float:left; width:110px; line-height:100px; text-align:center; font-size:15px; color:#666; position: relative;}
.ding .fr ul li a{display:block; width:110px; height:100px; line-height:108px; font-size:15px; color:#666;}
.ding .fr ul li a:hover{background:#84ac5b; color:#fff;}
.ding .fr ul li .sub_nav{display:none; width:110px; background:#84ac5b; position:absolute; z-index:5;left:0; top:100px; }
.ding .fr ul li .sub_nav dl{ width:110px; }
.ding .fr ul li .sub_nav dl dt a{display:block; text-align: center; width:110px;height:42px; font-size:14px; color:#fff; line-height:42px; }
.ding .fr ul li .sub_nav dl dt a:hover{ background: #95c16e;}
.ding .fr ul li .sub_nav dl dd a{display:block;height:20px;width:110px; line-height:20px; font-size:13px; color:#fff;text-align:left;overflow:hidden;}
.ding .fr ul li .sub_nav dl dd .t_sub a{display:block; padding-left:30px;line-height:20px; height:20px; font-size:12px;}
.ding .fr ul li .sub_nav dl:last{background:none;}
.ding .fr ul li:hover{ background:#84ac5b;}
.ding .fr ul li:hover a{ color: #fff;}

.bot{display:block; width:100%; background:#5c5c5c url(../images/bot_bg.jpg) no-repeat center top;}
.bot .inner{padding-top:50px;padding-bottom:30px;color:#fff; font-size:14px; text-align: center;}
.bot .inner a{font-size:14px;line-height:24px; color:#fff;}
.bot dl{float:left; width:170px;}
.bot dl dt{display:block; height:52px; line-height:52px; font-size:16px; font-weight:bold;padding-bottom:10px;}
.bot dl dt a{display:block; line-height:52px; font-size:16px; font-weight:bold; color:#fff;}
.bot dl  dd{display:block; height:24px; line-height:24px;}
.bot dl  dd a{display:block; height:24px; line-height:24px; font-size:12px; color:#dedede;}
.bot dl  dd a:hover{color:#fff;}
.bot .contact{float:right; width:390px;}
.bot .contact .search{display:block;width:275px; height:30px; background:url(../images/searchbg.jpg) no-repeat left top; margin-top:11px;}
.bot .contact .search .txt{float:left;width:239px; height:30x; border:none; background:none; padding-left:4px;line-height:30px;color:#555; font-size:12px; }
.bot .contact .search .btn{float:right;width:30px; height:30px;border:none; background:none;cursor:pointer; }
.bot .contact .con{display:block; padding-top:30px;}
.bot .contact  .ewm{float:left; width:124px;}
.bot .contact  .ewm img{display:block; width:124px; height:124px;}
.bot .contact  .address{float:right; width:260px; color:#b2b2b2; font-size:13px;}
.bot .contact  .tel_z{display:block; padding-left:24px; background:url(../images/tel.jpg) no-repeat left center; height:24px;}
.bot .contact  .tel{display:block; height:30px; line-height:30px; font-size:28px; color:#fff; font-family:Arial, Helvetica, sans-serif;}

.bot  .support{display:block; width:1143px; margin:0 auto; background:url(../images/xian2.jpg) repeat-x left top; color:#b2b2b2; font-size:13px;padding:15px 0px;}
.bot  .support a{color:#b2b2b2;}


/*------------------------------------------------------------------------------------------------------------------------------------*/
#banner{display:block;cursor:pointer;width:100%;height:400px;position:relative;margin:0px auto;z-index:2;}
#banner .imglist{width:100%;height:400px;position:absolute;top:0px;left:0px;}
#banner .imglist a{display:block; width:100%; height:400px; cursor:pointer;}



#banner .left{display:block;position:absolute;left:5%; bottom:-55px; width:14px; height:24px;background:url(../images/left.png) no-repeat 0px  top;z-index:4;}
#banner .right{display:block;position:absolute; left:30%; bottom:-55px; width:14px; height:24px;background:url(../images/right.png) no-repeat 0px top;z-index:8;}
.btn{position:absolute;bottom:20px;left:45%;display:block;padding:2px 7px; border-radius:11px;z-index:3;}
.btn li{float:left;height:8px;width:8px;margin:0px 5px; background:#fff; cursor:pointer; border-radius:8px; }
.btn .hover{background:#fc4d6f;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.banner{display:block; width:100%; height:570px; background:url(../images/1.jpg) no-repeat center top;}
.container{display:block;width:100%;}

.container .products{display:block; width:100%; background:#f2f2f2;}
.container .products .title{display:block; width:100%; height:60px;  background:#fff;}
.container .products .con{display:block; width:1143px; margin:0 auto; background:#f2f2f2;}

.container .products .title ul li{float:left; width:162px; height:60px; position:relative; z-index:2;}
.container .products .title ul li a{float:left; width:162px; height:68px; font-size:14px;  line-height:60px; position:absolute; z-index:3;text-align:center;}
.container .products .title ul li a:hover{float:left;width:160px;background:url(../images/lih.jpg) no-repeat center top;  text-align:center; height:68px; line-height:60px; color:#fff;}
.container .products .title ul li.all a{font-weight:bold; color:#222; font-size:24px;}
.container .products .title ul li a.current{background:url(../images/lih.jpg) no-repeat center top; text-align:center; height:68px; line-height:60px; color:#fff;}
.container .products .con{display:block; padding:40px 0px;}
.container .products .con dl{display:none; width:1153px; height:430px;}
.container .products .con dl dd{float:left; width:220px; background:#fff; margin-right:10px; margin-bottom:10px; height:205px; line-height:45px; text-align:center;}
.container .products .con dl dd img{display:block; width:220px; height:165px;}
.container .products .con dl dd a{display:block; width:220px; height:205px;font-size:14px; line-height:45px;}
.container .products .con dl dd a:hover{ display:block; width:220px; height:205px; background:#59678c;font-size:14px; line-height:45px; color:#fff;}


.container .about{display:block; width:1143px; margin:0 auto;padding:40px 0px;}
.container .about .company{width:538px;}
.container .about .news{width:538px;}

.container .about .company .con{display:block; padding-top:10px; line-height:20px;}
.container .about .company .con .gs{display:block; width:538px;height:320px; position:relative; z-index:2;}
.container .about .company .con .gs .more{display:block; width:104px; height:43px; position:absolute; left:0px; bottom:0px; z-index:3;  background:#59678c url(../images/ar.png) no-repeat center center;}
.container .about .company .con .gs .more:hover{background:#3c5db5 url(../images/ar.png) no-repeat center center;}
.container .about .company .con .gs .aboutimg img{ display: block; max-width: 100%; margin-bottom: 10px; }


.container  .title{display:block; height:40px; line-height:40px; position: relative }
.container  .title h4{ color:#222; font-size:24px; display:block; line-height:40px;}
.container  .title h4 .en{padding-left:10px; font-size:24px; line-height:40px; color:#59678c; text-transform:uppercase; font-family:"Bell MT","Times New Roman", Times, serif; font-weight:normal;}
.container  .title .more{ position: absolute; top:10px; right: 0; width:29px; height:29px; line-height:29px; background:#59678c; font-size:32px; color:#fff; line-height:29px; text-align:center;}
.container  .title .more:hover{background:#3c5db5;}
.container .about .news  .con{display:block; padding-top:0px;}
.container .about .news  .con .rescommend{display:block; padding-bottom:15px; background:url(../images/xian.jpg) repeat-x left bottom;}
.container .about .news  .con .rescommend .tit{display:block; font-size:16px; color:#333; height:30px; line-height:30px;}
.container .about .news  .con .rescommend .time{display:block; height:15px; line-height:15px; color:#999;}
.container .about .news  .con .rescommend  .detail{display:block; line-height:18px; color:#999;padding-top:7px;}
.container .about .news  .con ul{display:block; margin-top:5px;}
.container .about .news  .con  li{display:block; height:26px; line-height:26px;}
.container .about .news  .con  li a{display:block; font-size:14px; line-height:26px; padding-left:15px; background:url(../images/ar.jpg) no-repeat left center;}
.container .about .news  .con  li .time{float:right; color:#999; line-height:26px; font-size:12px;}

.container  .case{display:block; width:100%; background:#f2f2f2; padding:40px 0px;}
.container  .case .fl{width:158px;}
.container  .case .fr{width:970px;overflow:hidden;}
.container  .case .fr .c_style #scrollarea ul{display:block; }
.container  .case .fr .c_style #scrollarea li{float:left; width:234px;height:300px; background:#fff; margin-right:12px;}
.container  .case .fr .c_style #scrollarea li a{display:block; width:234px; height:300px;}
.container  .case .fr .c_style #scrollarea li img{display:block; width:234px; height:176px;}
.container  .case .fr .c_style #scrollarea li  .tit{font-size:14px; display:block; height:40px; line-height:40px; text-align:center; color:#333;}
.container  .case .fr .c_style #scrollarea li  .detail{display:block; line-height:18px; color:#999;padding:5px 10px;}
.container  .case .fr .c_style #scrollarea li a:hover{background:#59678c;}
.container  .case .fr .c_style #scrollarea li a:hover .tit{color:#fff;}
.container  .case .fr .c_style #scrollarea li a:hover .detail{color:#fff;}


.container  .case .fr .c_style #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container  .case .fr .c_style #inrea{display:block; width:1200%;}
.container  .case .fr .c_style #area1{float:left;}
.container  .case .fr .c_style #area2{float:left;}
.container  .case .fr .c_style .arrow_l{position:absolute; left:1%; height:300px;width:50px;  background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container  .case .fr .c_style .arrow_l.current{position:absolute; left:1%; height:300px; width:50px;  background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container  .case .fr .c_style .arrow_r{position:absolute; right:1%;height:300px;  width:50px;  background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container  .case .fr .c_style .arrow_r.current{position:absolute;right:1%;height:300px; width:50px;  background:url(../images/righth.png) no-repeat left center; cursor:pointer;}



.container  .case .fl .title{display:block;width:158px; height:135px; background:#fff; padding-top:35px;}
.container  .case .fl .title .en{display:block; height:45px; line-height:45px; font-size:38px; text-align:center; text-transform:uppercase; color:#59678c; font-family:"Bell MT","Times New Roman", Times, serif; }
.container  .case .fl .title  h4{display:block; color:#222; line-height:30px; height:30px; font-size:24px; text-align:center;}
.container  .case .fl  .more{display:block; width:158px; height:119px; font-size:66px; line-height:119px; text-align:center; background:#84ac5b; margin-top:10px; color:#fff;  }
.container  .case .fl  .more:hover{background:#a0c27d;}


.content{display:block; width:1143px;margin:0 auto; padding-top:40px; padding-bottom:40px;}
.content .fl{width:220px;}
.content .fr{width:900px;}
.content .fr .title{display:block; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1;}
.content .fr .more{float:right; line-height:50px; font-size:13px; color:#999;}
.content .fr h4{display:block; font-size:20px; font-weight:bold; color:#222; line-height:50px; background:url(../images/ge.jpg) no-repeat left bottom;}
.content .fr .neirong{display:block; padding-top:20px; font-size:13px; line-height:32px;}

.content .fl .list{display:block; width:220px;}
.content .fl .list .title{display:block; height:70px;background:#84ac5b; }
.content .fl .list .title h4{display:block; height:70px; font-size:20px; color:#fff; line-height:70px; text-align:center;}
.content .fl .list .title h4 .en{line-height:70px;font-family:"Bell MT","Times New Roman", Times, serif;  font-size:20px; color:#fff; font-weight:normal; text-transform:uppercase;  padding-left:10px;}
.content .fl .list .con{display:block; background:#f2f2f2; padding:10px 0px;}

.content .fl .list .con ul li{display:block;  background:url(../images/xian3.jpg) repeat-x left 40px;}
.content .fl .list .con ul li a{display:block; height:40px;font-size:16px; line-height:40px; padding-left:25px; background:url(../images/at.jpg) no-repeat 180px center;}
.content .fl .list .con ul li a:hover{background:#59678c url(../images/ath.jpg) no-repeat 180px center; font-size:16px; color:#fff;  }

.content .fl .list  .con ul li dd{display:block; height:30px; border-bottom:1px dashed #e1e1e1;background:#fff;}
.content .fl .list  .con ul li dd a{display:block; font-size:13px; line-height:30px; padding-left:25px;background:none; height:30px; background:none;}
.content .fl .list  .con ul li dd a:hover{background:none;background:#59678c; color:#fff; font-size:13px; line-height:30px;}



.content .contact{display:block; width:220px; background:#f0f0f0; margin-top:10px;}
.content .contact .title{display:block; height:70px;background:#84ac5b; }
.content .contact .title h4{display:block; height:70px; font-size:20px; color:#fff; line-height:70px; text-align:center;}
.content .contact .title h4 .en{line-height:70px;font-family:"Bell MT","Times New Roman", Times, serif;  font-size:16px; color:#fff; font-weight:normal; text-transform:uppercase;  padding-left:10px;}
.content .contact .con{display:block;  padding:15px 8px;}
.content .contact .con h2{display:block;font-size:16px; color:#59678c; line-height:30px; font-weight:normal;}






.pagelink{height:26px; line-height:26px; margin:40px 0 20px 0px; text-align:center;}
.pagelink li{ display: inline-block;}
.pagelink a, .pagelink span{ padding:3px 4px; border:1px solid #e1e1e1; margin-right:5px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.productlist{ display:block; width:900px; overflow:hidden;}
.productlist dl{display:block; width:920px; }
.productlist dl dd{float:left; width:219px; background:#f0f0f0; margin-right:8px; margin-bottom:10px; height:205px; line-height:45px; text-align:center;}
.productlist dl dd img{display:block; width:217px; height:163px;}
.productlist dl dd a{display:block; width:217px; height:203px;font-size:14px; line-height:45px; border:1px solid #e1e1e1;}
.productlist dl dd a:hover{ display:block; width:217px; height:203px; background:#59678c;font-size:14px; line-height:45px; color:#fff;}

.pro_title{display:block; text-align:center; height:70px; line-height:70px;  font-size:24px; font-weight:normal; color:#59678c;}
.pro_tip{display:block; text-align:center; font-size:13px; height:30px; line-height:30px;border-bottom:1px dashed #e1e1e1;font-weight:normal; color:#999;}
.pro_det{display:block; font-size:13px; line-height:32px;padding-top:20px;}



.newslist{ background:#f6f6f6; margin-bottom:10px; padding:15px 20px; border:solid 1px #f6f6f6; border-radius: 10px;}
.newslist:hover{ border:solid 1px #59678c;}
.newslist dt span{ color:#999;font-size:13px; position: absolute; top:-5px; right: 0;}
.newslist dt{line-height:35px; border-bottom:dashed 1px #ccc; position: relative;}
.newslist dt a{ color:#59678c; font-size:17px;font-weight:normal;}
.newslist dt a:hover{ text-decoration:underline;}
.newslist dd{ line-height:24px; font-size:13px; padding-bottom:5px;position:relative;padding-top:10px;line-height:24px;}
.newslist dd .moret{position:absolute; right:10px; bottom:5px; width:60px; text-align:center;  font-size:12px; color:#fff; background:#59678c; line-height:22px; font-family:Arial, Helvetica, sans-serif;}


.newsdetails{font-size:13px; line-height:32px;}
.newsdetails h2{ font-size:22px; color:#59678c; font-weight:normal;text-align:center; line-height:30px; margin-top:10px;}
.newsdetails .tip{display:block; height:30px; line-height:30px; font-size:13px; text-align:center; border-bottom:dotted 1px #e1e1e1; color:#999;font-weight:normal; margin:5px 0 10px; background:#f6f6f6;}
.newsdetails p .text{ width:400px; height:18px; line-height:18px;}
.newsdetails p .btn{ width:50px; border:none; background:#333; height:22px; line-height:22px; color:#fff; margin-left:5px; cursor:pointer;}



.equipment{display:block; width:500px;margin:0 auto; height:314px;margin-top:40px; background:url(../images/equipment.jpg) no-repeat left top;}
.equipment a{float:left; width:250px; height:150px;line-height:150px;}

.prop{margin-top:10px;width:770x; overflow:hidden;}
.prop dl{display:block; width:800px;}
.prop dd{float:left; width:353px; background:#f4f4f4; margin-right:12px; height:126px; padding:10px;margin-bottom:15px;border:1px solid #e1e1e1;}
.prop dd .leftt{float:left; width:160px;}
.prop dd .rightt{float:right;width:180px;}
.prop dd .leftt .pic{display:block; width:150px; height:113px;padding:4px; border:1px solid #e1e1e1;}
.prop dd .rightt ul li{padding-left:15px;border:none; width:145px; background:url(../images/quan.jpg) no-repeat left center;line-height:20px;display:block; height:20px;}
.prop dd .rightt h2 a{font-size:15px; color:#59678c;font-weight:bold;}
.input_prod{display:block; width:158px; border:none; background:none; border:1px solid #e1e1e1; margin-top:10px;}


.xc{display:block; width:790px; }
.xc li{float:left;width:236px;height:181px; margin-right:20px;margin-bottom:12px;}
.xc li img{display:block; width:220px; height:165px; padding:7px; border:1px solid #e1e1e1;}



.zoom2{display:block; background:url(../images/fancybox_overlay.png) repeat left top;width:100%;min-width:1003px!important;
    height:100%;min-height:1003px!important;position:absolute;left:0; top:0;z-index:999;}
.zoom2 .box2{display:block;width:620px;  background:#fff;margin:0 auto;position:relative; margin-top:40px;}
.zoom2 .box2 img{display:block; width:600px; padding:10px;}
.zoom2 .close2{display:block;width:38px; height:37px; background:url(../images/close.png) no-repeat right top;position:absolute;right:-20px; top:-20px; cursor:pointer;}



.proright{ float:right; width:470px; height:245px;}
.proright h2{ text-align:left; font-size:18px; color:#59678c;font-weight:normal; margin-bottom:10px; font-family:"΢���ź�";}
.prodetails{margin-top:10px;}
.proright .summary{ line-height:24px; height:auto !important; height:220px; min-height:220px;}
.prodetails h3{ font-family:"΢���ź�"; font-size:16px;  color:#35383d; height:30px; line-height:30px; background:#e7e8e9; text-indent:15px; margin-bottom:15px; border:none; margin-top:15px;}
.prodetails p{ padding:0 10px}
.prodetails h6{ font-size:12px; font-weight:normal; margin-left:15px;}
.prodetails h6 strong{ color:#ed1c22;}

.prorelated{ margin-top:20px;}
.prorelated h3{ font-family:"΢���ź�"; font-size:14px;  color:#35383d; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none;}
.prorelated li{ float:left; width:184px;text-align:center;}
.prorelated li img{ margin:0 auto;padding:1px; border:solid 1px #ccc; width:170px; height:115px;}

.prorelated_news{ margin-top:20px;}
.prorelated_news h3{ font-family:"΢���ź�"; font-size:14px;  color:#35383d; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:5px; border:none;}
.prorelated_news li{ float:left; width:350px; border-bottom:dashed 1px #ccc; text-indent:10px; padding-left:6px; background:url(../images/dian.jpg) no-repeat 4px center;}
.prorelated_news .interval{ margin-left:20px;}
.index_pro{display:block;width:900px; overflow:hidden;}
.index_pro ul{display:block; width:920px;}
.index_pro li{float:left; width:218px;height:300px; background:#f0f0f0; margin-right:10px; margin-bottom:10px;}
.index_pro li a{display:block; width:218px; height:300px;}
.index_pro li img{display:block; width:218px; height:164px;}
.index_pro li  .tit{font-size:14px; display:block; height:40px; line-height:40px; text-align:center; color:#333;}
.index_pro li  .detail{display:block; line-height:18px; color:#999;padding:5px 10px;}
.index_pro li a:hover{background:#59678c;}
.index_pro li a:hover .tit{color:#fff;}
.index_pro li a:hover .detail{color:#fff;}


.bigpic img{ display: block; margin: 0 auto; max-width: 100%;}

